<template>
	<view class="page">
		<benben-popup v-model="popupShow1698289179736" :mask="true" :mask-close-able="true" mode='center'
			:z-index='999'>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center" style="font-family: Alimama DongFangDaKai;">
				<view class='flex flex-direction flex-wrap align-stretch buyOffline_fd3_0'>
					<view class='flex flex-direction flex-wrap align-center'>
						<text class='buyOffline_fd3_0_c0_c0'>您好，同学</text>
						<text class='buyOffline_fd3_0_c0_c1'>此剧场已体验，可前去分享</text>
						<view class='flex flex-wrap align-center buyOffline_fd3_0_c0_c2'>
							<view class='flex flex-wrap align-center justify-center buyOffline_fd3_0_c0_c2_c0'
								@tap.stop="isBack">
								<text class='buyOffline_fd3_0_c0_c2_c0_c0'>考虑一下</text>
							</view>
							<view class='flex flex-wrap align-center justify-center buyOffline_fd3_0_c0_c2_c1'
								@tap.stop="confirm">
								<text class='buyOffline_fd3_0_c0_c2_c1_c0'>前去分享</text>
							</view>
						</view>
					</view>
				</view>
			</view>
		</benben-popup>

		<benben-popup v-model="popupShow1698289179737" :mask="true" :mask-close-able="true" mode='bottom'
			:z-index='999'>
			<view class="select_popup">
				<view class="select_item" @tap.stop="selectType(2)">视频发布</view>
				<view class="select_item" @tap.stop="selectType(1)">图文发布</view>
				<view class="select_line"></view>
				<view class="select_close" @tap.stop="handleJumpDiy" data-type="back" data-url="1">取消</view>
			</view>
		</benben-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				aid: "",
				popupShow1698289179736: true,
				popupShow1698289179737: false,
			}
		},
		onLoad(options) {
			let {
				aid
			} = options;
			if (aid !== undefined) this.aid = aid;
			console.log(this.aid);
		},
		methods: {
			isBack() {
				this.popupShow1698289179736 = false;
				uni.navigateBack();
			},
			confirm() {
				this.popupShow1698289179736 = false;
				this.popupShow1698289179737 = true;
			},
			selectType(type) {
				this.popupShow1698289179737 = false;
				uni.redirectTo({
					url: '/pages/shouye/releaseDynamic/releaseDynamic?course_id=' + this.aid + '&data_type=' + type
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		min-height: calc(100vh - var(--window-bottom));

		.select_popup {
			background: #FFFFFF;
			width: 100%;
			height: 344rpx;
			border-radius: 32rpx 32rpx 0 0;
		}

		.select_item {
			padding: 37rpx 0;
			font-size: 34rpx;
			font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;
			font-weight: 400;
			color: #333333;
			border-bottom: 1px solid #F7F7F7;
			text-align: center;
		}

		.select_line {
			width: 100%;
			height: 16rpx;
			background: #F7F7F7;
		}

		.select_close {
			padding: 37rpx 0;
			font-size: 34rpx;
			font-family: Alimama DongFangDaKai, Alimama DongFangDaKai;
			font-weight: 400;
			color: #999999;
			text-align: center;
		}
	}

	.buyOffline_fd3_0_c0_c2_c1_c0 {
		color: #FFFFFF;
		font-size: 34rpx;
		font-weight: 400;
	}

	.buyOffline_fd3_0_c0_c2_c1 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/694.png) no-repeat;
		height: 71rpx;
		width: 191rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
		background-size: 100% auto;
	}

	.buyOffline_fd3_0_c0_c2_c0_c0 {
		color: #796446;
		font-size: 34rpx;
		font-weight: 400;
	}

	.buyOffline_fd3_0_c0_c2_c0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/693.png) no-repeat;
		height: 71rpx;
		width: 191rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
		background-size: 100% auto;
	}

	.buyOffline_fd3_0_c0_c2 {
		margin: 0rpx 0rpx 70rpx 0rpx;
	}

	.buyOffline_fd3_0_c0_c1 {
		line-height: 44rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		margin: 40rpx 0rpx 35rpx 0rpx;
		text-align: center;
	}

	.buyOffline_fd3_0_c0_c0 {
		color: #333333;
		font-size: 40rpx;
		font-weight: 400;
		margin: 190rpx 0rpx 0rpx 0rpx;
	}

	.buyOffline_fd3_0 {
		background: url(https://www.guochaoxiaoju.com/uploads/mini/692.png) no-repeat;
		width: 580rpx;
		background-size: 100% auto;
	}
</style>